<template>
  <div class="container">
    <h3 class="title">{{ descInfo.title }}</h3>
    <hr>
    <div v-html="descInfo.content" class="content"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      id: this.$route.params.id,
      descInfo: {}
    }
  },
  created() {
    this.getDesc();
  },
  methods: {
  getDesc() {
      this.$http.get("api/goods/getdesc/" + this.id).then(result=>{
        if(result.body.status === 0) {
          this.descInfo = result.body.message[0];
        }
      })
    }
  }
}
</script>
<style lang="scss">
.container {
  .title {
  font-size: 16px;
  text-align: center;
  color: blue;
  margin: 15px 0;
}
  .content {
  img {
    width: 100%;
  }
  }
}

</style>
